<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style type="text/css">
<!--
	.a{
		background-color:#36AFFB;
		text-emphasis-color: #FFFFFF;
		height: 60px;
		color: #FFFFFF;
		text-align: center;
		padding-top: 15px;
		margin-left: 20%;
		margin-right: 20%;
		
	}
	.b{
	background-color:#36AFFB;
	height: 10px;
	}	
	.c{

		height: 400px;
	}
	.tab{
		text-align: center;
		margin-left: 20%;
		margin-right: 20%;
	}
-->
</style>
</head>
<body>
<center>
<table class="tab" width="" height="50" border="1">
 <h2 class="a">欢迎使用查询功能</h2>
  <tbody>
    <tr>
      <td width="">contents:</td>
  	  <td colspan="2"><a href="content"><center>返回页面</center></a> </td>
  	  </tr>
      <div th:each=student:${student?.items}>
     <tr>

         <td><div th:text=${student?.stuNo}></div></td>
         <td><div th:text=${student?.name}></div></td>
         <td><div th:text=${student?.sex}></div></td>
         <td><div th:text=${student?.nativePlace}></div></td>
         <td><div th:text=${student?.birthday}></div></td>
         <td><div th:text=${student?.className}></div></td>
      <td width="66"><a href= "#" th:href="@{/up(stuNo=${student?.stuNo})}"><center>修改</center></a></td>
    <td width="66"><a href= "#" th:href="@{/deletes(stuNo=${student?.stuNo})}"><center>删除</center></a></td>

    </tr>
      </div>
  </tbody>
</table>
</br>
    <nav aria-label="Page navigation example">
        <ul class="pagination">
            <li class="page-item active" th:class="${count==student?.page}?'page-item active':'page-item'" th:each="count:${student?.pages}"><a class="page-link" href="#"th:href="|?page=${count}|" th:text="${count}"></a></li>
        </ul>
    </nav>
</center>
</body>
</html>